<template>
    <div>
        <div class="head">
            <span class="title bold">优惠卷领取</span>
            <img src="@/assets/images/close.png" @click="updateReceive">
        </div>
        <CouponComponent :price="1" detail1="首月租金1元" classify1="首月租金券" classify2="可用于部分商品" detail2="只可参与首月租金抵押"
            invalid="有效至" time="20221017 20:90:10" :state="2" @change="changeHandle">
        </CouponComponent>
    </div>
</template>
<script>
import CouponComponent from "@/components/CouponComponent.vue"
export default {
    name: "DrawerCoupon",
    props: {
        updateReceive: Function,
    },
    components: {
        CouponComponent
    },
    data() {
        return {
        }
    },
    methods: {
        changeHandle() {
            console.log('sayHello');
        }
    }
}
</script>
<style lang="scss" scoped>
.head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    img {
        width: 20px;
        object-fit: contain;
    }
}
</style>